<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>个人信息页</title>
		<link rel="stylesheet" href="./bootstrap-4.6.1-dist/css/bootstrap.min.css" />
		<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.0/font/bootstrap-icons.css">
		<link crossorigin="anonymous" href="https://cdn.bootcss.com/twitter-bootstrap/3.3.7/css/bootstrap.min.css"
			rel="stylesheet">
		<script crossorigin="anonymous" src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

		<script src="./js/jquery-3.6.1.js"></script>
		<script src="./bootstrap-4.6.1-dist/js/bootstrap.bundle.js"></script>
		<style>
			body {
				background: url("./img/灰色1.jpg") no-repeat fixed 0 0;
				margin: 0 auto;
				background-size: cover;
				width: 100%;
				height: 100%;

			}
		</style>

	</head>
	<body>


		<div class="container">
		</div>
		<fieldset style="position: relative;top: 50pt;left: 250pt;">个人信息页
			<i class="bi bi-person-hearts"></i>
			<img src="./img/Drake.jpg" alt="Drake" width="180pt" height="150pt">
		</fieldset>


		<form action="#" class="form-inline" style="position: relative; top:80pt; left: 50pt;">
			<!--  user id -->
			<div class="col-md-12 form-group mb-2 mt-2">
				<label for="userid" class="col-sm-3 col-form-label">User_Id</label>
				<input type="text" class="col-sm-2" id="userid" value="">
			</div>


			<!-- user name -->
			<div class="col-md-12 form-group mb-2 ">
				<label class="col-sm-3 col-form-label" for="username345">User_Name</label>
				<input type="text" class="form-control col-sm-9" id="username345" value="">

			</div>

			<div class="col-md-12 form-group mb-2 ">
				<label class="col-sm-3 col-form-label" for="password567">Password</label>
				<input type="text" class="form-control col-sm-9" id="password567" value="">

			</div>

			<div class="col-md-12 form-group mb-2">
				<div class="col-sm-9 offset-sm-3">
					<input type="button" id="btn11" class="btn btn-secondary" value="Show">
					<input type="reset" class="btn btn-secondary" value="Reset">
				</div>

			</div>

		</form>
		<script>
			$("#btn11").click(function() {
				$("#userid").val(localStorage.Userid);
				$("#username345").val(localStorage.UserName);
				$("#password567").val(localStorage.PassWord);

			});
		</script>
	</body>
</html>
